<div class="example-tabs-grid">
  <div class="example-tabs-container">
    <h2>Standard</h2>
    <tabs-explicit-selection-example></tabs-explicit-selection-example>
  </div>

  <div class="example-tabs-container">
    <h2>Selection Follows Focus</h2>
    <tabs-selection-follows-focus-example></tabs-selection-follows-focus-example>
  </div>

  <div class="example-tabs-container">
    <h2>Vertical Orientation</h2>
    <tabs-vertical-example></tabs-vertical-example>
  </div>

  <div class="example-tabs-container">
    <h2>RTL</h2>
    <tabs-rtl-example></tabs-rtl-example>
  </div>

  <div class="example-tabs-container">
    <h2>Active Descendant</h2>
    <tabs-active-descendant-example></tabs-active-descendant-example>
  </div>

  <div class="example-tabs-container">
    <h2>Disabled Tabs are Focusable</h2>
    <tabs-disabled-focusable-example></tabs-disabled-focusable-example>
  </div>

  <div class="example-tabs-container">
    <h2>Disabled Tabs are Skipped</h2>
    <tabs-disabled-skipped-example></tabs-disabled-skipped-example>
  </div>

  <div class="example-tabs-container">
    <h2>Disabled</h2>
    <tabs-disabled-example></tabs-disabled-example>
  </div>
</div>

<div class="example-configurable-tabs-container">
  <h2>Configurable</h2>
  <tabs-configurable-example></tabs-configurable-example>
</div>
